<style lang="scss" scoped>
#baiduMap {
  height: 320px;
  width: 100%;
}
</style>

<template>
	<div>
		<div id="baiduMap"></div>
	</div>
</template>

<script>
// 百度地图 
export default {
  data () {
    return {}
  },
  mounted(){
    this.initBDMap()
  },
  methods: {
    initBDMap() {
      var map = new BMap.Map('baiduMap')
      map.centerAndZoom(new BMap.Point(108.387746, 22.753159), 16)
      map.enableScrollWheelZoom()
      var marker = new BMap.Marker(new BMap.Point(108.387746, 22.753159))
      map.addOverlay(marker)
      // var licontent =
      //   '<div id="innertxt" style="font-size:1.2remline-height:28px"><b>长江新丝路国际投资发展有限公司</b><br>'
      // licontent +=
      //   '<span><strong>地址：</strong>中国 武汉市江汉经济开发区发展二路2号红T时尚创意街区</span><br>'
      // licontent += '<span><strong>电话：</strong>027-83796788</span><br>'
      // var hiddeninput =
      //   '<input type="hidden" value="' +
      //   '武汉' +
      //   '" name="region" /><input type="hidden" value="html" name="output" /><input type="hidden" value="driving" name="mode" /><input type="hidden" value="latlng:' +
      //   marker.getPosition().lat +
      //   ',' +
      //   marker.getPosition().lng +
      //   '|name:武昌站' +
      //   '" name="destination" />'
      // var content1 =
      //   '<form id="gotobaiduform" action="http://api.map.baidu.com/direction" target="_blank" method="get">' +
      //   licontent +
      //   hiddeninput +
      //   '</form></div>'
      // var opts1 = { width: 300 }

      // var infoWindow = new BMap.InfoWindow(content1, opts1)
      // marker.openInfoWindow(infoWindow)
      // marker.addEventListener('click', function() {
      //   marker.openInfoWindow(infoWindow)
      // })
    },
  }
}
</script>
